<#global ctx ="${request.contextPath!''}">
 <#macro page>
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/amazeui.css" />
<script src="${ctx}/static/js/jquery.js"></script> 
<script src="${ctx}/static/js/amazeui.min.js"></script>
<script src="${ctx}/static/js/amazeui.page.js"></script>
<style>

</style>
<div id="page">
</div>
<script>

        var nums=Math.ceil(${pageInfo.total}/${pageInfo.pageSize!});
		var $page = $("#page").page({
            pages: nums, //页数
            curr: ${pageInfo.pageNum!}, //当前页 
            groups: 5, //连续显示分页数
            prev: '<上一页', //若不显示，设置false即可
            next: '下一页>', //若不显示，设置false即可        
            first: "首页",
            last: "尾页", //false则不显示
            before: function(context, next) { //加载前触发，如果没有执行next()则中断加载
                context.time = (new Date()).getTime(); //只是演示，并没有什么卵用，可以保存一些数据到上下文中
                next();
            },
            render: function(context, $el, index) { //渲染[context：对this的引用，$el：当前元素，index：当前索引]
                //逻辑处理
                if (index == 'last') { //虽然上面设置了last的文字为尾页，但是经过render处理，结果变为最后一页
                    $el.find('a').html('最后一页');
                    return $el; //如果有返回值则使用返回值渲染
                }
	
                return false; //没有返回值则按默认处理
            },
            after: function(context, next) { //加载完成后触发
                var time = (new Date()).getTime(); //没有什么卵用的演示
               next();
            },
            /*
             * 触发分页后的回调，如果首次加载时后端已处理好分页数据则需要在after中判断终止或在jump中判断first是否为假
             */
            jump: function(context, first) {
                var url=$("#pageForm").attr("action");
                console.log(url);
                console.log('${ctx}/user/list');
				if(first==false){
					 document.getElementById("pageNum").value=context.option.curr;
					 document.forms['pageForm'].submit();
				}
            }
        });
	</script> 
	</#macro>